﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Ibsm_Cms</title>
    <meta name="description" content="blank page" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link id="bootstrap-rtl-link" href="" rel="stylesheet" />
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="assets/css/weather-icons.min.css" rel="stylesheet" />
    <link id="beyond-link" href="assets/css/beyond.min.css" rel="stylesheet" />
    <link href="assets/css/typicons.min.css" rel="stylesheet" />
    <link href="assets/css/animate.min.css" rel="stylesheet" />
    <link id="skin-link" href="" rel="stylesheet" type="text/css" />
    <script src="assets/js/skins.min.js"></script>
</head>
<!-- Body -->
<body>
<div class="loading-container">
    <div class="loading-progress">
        <div class="rotator">
            <div class="rotator">
                <div class="rotator colored">
                    <div class="rotator">
                        <div class="rotator colored">
                            <div class="rotator colored"></div>
                            <div class="rotator"></div>
                        </div>
                        <div class="rotator colored"></div>
                    </div>
                    <div class="rotator"></div>
                </div>
                <div class="rotator"></div>
            </div>
            <div class="rotator"></div>
        </div>
        <div class="rotator"></div>
    </div>
</div>
<div class="navbar">
    <div class="navbar-inner">
        <div class="navbar-container">
            <div class="navbar-header pull-left">
                <a href="#" class="navbar-brand">
                    <small>
                        <h4>Ibsm_Cms</h4>
                    </small>
                </a>
            </div>
            <div class="navbar-header">
                <div class="navbar-account">
                    <ul class="account-area">
                        <li>
                            <a href="#" class="navbar-brand">
                                <small><h4>首页</h4></small>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="navbar-brand">
                                <small><h4>热点</h4></small>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="navbar-brand">
                                <small><h4>代码</h4></small>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="navbar-brand">
                                <small><h4>博客</h4></small>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="navbar-brand">
                                <small><h4>评论</h4></small>
                            </a>
                        </li>
                        <li>
                            <a href="#" class="navbar-brand">
                                <small><h4>宅男福利</h4></small>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="page-breadcrumbs" style="height: 100px;">
    广告位1
</div>

<div id="pageContent" class="page-body">
    <div class="row">
        <div class="col-md-2" style="background: red;">广告位11</div>
        <div class="col-md-8">

            <div class="row">
                <div class="col-md-8">
                    <div class="row">
                        <div class="widget bordered-bottom bordered-themeprimary">
                            <div class="widget-body">
                                <div id="myCarousel" class="carousel slide" style="height: 320px;">
                                    <!-- 轮播（Carousel）指标 -->
                                    <ol class="carousel-indicators">
                                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                        <li data-target="#myCarousel" data-slide-to="1"></li>
                                        <li data-target="#myCarousel" data-slide-to="2"></li>
                                    </ol>
                                    <!-- 轮播（Carousel）项目 -->
                                    <div class="carousel-inner">
                                        <div class="item active">
                                            <img src="http://www.runoob.com/wp-content/uploads/2014/07/slide1.png" alt="First slide" style="height: 300px;">
                                        </div>
                                        <div class="item">
                                            <img src="http://www.runoob.com/wp-content/uploads/2014/07/slide2.png" alt="Second slide" style="height: 300px;">
                                        </div>
                                        <div class="item">
                                            <img src="http://www.runoob.com/wp-content/uploads/2014/07/slide3.png" alt="Third slide" style="height: 300px;">
                                        </div>
                                    </div>
                                    <!-- 轮播（Carousel）导航 -->
                                    <a class="carousel-control left" href="#myCarousel"
                                       data-slide="prev">&lsaquo;</a>
                                    <a class="carousel-control right" href="#myCarousel"
                                       data-slide="next">&rsaquo;</a>
                                </div>
                            </div>
                        </div>


                        <div class="widget">
                            <div class="widget-body no-padding">
                                <div class="tabbable">
                                    <ul class="nav nav-tabs" id="myTab">
                                        <li class="active">
                                            <a data-toggle="tab" href="#home">综合</a>
                                        </li>
                                        <li class="tab-themeprimary">
                                            <a data-toggle="tab" href="#profile">云计算</a>
                                        </li>
                                        <li class="tab-themeprimary">
                                            <a data-toggle="tab" href="#">移动</a>
                                        </li>
                                        <li class="tab-themeprimary">
                                            <a data-toggle="tab" href="#">开发</a>
                                        </li>
                                        <li class="tab-themeprimary">
                                            <a data-toggle="tab" href="#">系统</a>
                                        </li>
                                    </ul>
                                    <div class="tab-content">
                                        <div id="home" class="tab-pane in active">
                                            <div class="orders-container padding-bottom-5">
                                                <ul class="orders-list">
                                                    <li class="order-item">
                                                        <div class="row">
                                                            <div class="col-md-2">
                                                                <img src="../assets/img/avatars/default.png" width="100" height="100">
                                                            </div>
                                                            <div class="col-md-10">
                                                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item-left">
                                                                    <div class="item-booker">
                                                                        <h4>乐视云发布6大VaaS场景 打造视频云生态</h4>
                                                                        <p>2016年，直播火了，在直播火的同时，视频云也火了。在各家厂商纷纷布局云计算的同时，有着先天优势的了乐视</p>
                                                                    </div>
                                                                    <div class="item-time">
                                                                        <i class="fa fa-calendar"></i>
                                                                        <span style="padding-right: 10px;">2016-11-23 23:15:23</span>
                                                                        <span class="label label-palegreen">JAVA</span>
                                                                        <span class="label label-yellow">最好的语言</span>
                                                                        <span class="label label-yellow">云计算</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                    <li class="order-item">
                                                        <div class="row">
                                                            <div class="col-md-2">
                                                                <img src="../assets/img/avatars/default.png" width="100" height="100">
                                                            </div>
                                                            <div class="col-md-10">
                                                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item-left">
                                                                    <div class="item-booker">
                                                                        <h4>乐视云发布6大VaaS场景 打造视频云生态</h4>
                                                                        <p>2016年，直播火了，在直播火的同时，视频云也火了。在各家厂商纷纷布局云计算的同时，有着先天优势的了乐视</p>
                                                                    </div>
                                                                    <div class="item-time">
                                                                        <i class="fa fa-calendar"></i>
                                                                        <span style="padding-right: 10px;">2016-11-23 23:15:23</span>
                                                                        <span class="label label-palegreen">JAVA</span>
                                                                        <span class="label label-yellow">最好的语言</span>
                                                                        <span class="label label-yellow">云计算</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                <div class="row margin-10">
                                                    <ul class="pagination pull-right">
                                                        <li class="disabled"><a href="#">«</a></li>
                                                        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
                                                        <li><a href="#">2</a></li>
                                                        <li><a href="#">3</a></li>
                                                        <li><a href="#">4</a></li>
                                                        <li><a href="#">5</a></li>
                                                        <li><a href="#">»</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="profile" class="tab-pane">
                                            <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <div class="col-md-4">
                    <div class="widget">
                        <div class="orders-container">
                            <div class="orders-header bordered-bottom bordered-themeprimary">
                                <h6>今日最新</h6>
                            </div>
                            <ul class="orders-list padding-5">
                                <li class="order-item">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item-left">
                                            <div class="item-booker">
                                                <span class="badge badge-default badge-square graded">原创</span>
                                                专注于技术创新的企业将继续寻找可以帮助他们创造竞争优势和价值、降低经营成本、使业务模型转型的新技术。
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="order-item">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item-left">
                                            <div class="item-booker">
                                               <span class="badge badge-primary badge-square graded">博客</span>
                                                技术已经并将继续成为以人为中心，它将提高人、企业和事物之间的透明度
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="order-item">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item-left">
                                            <div class="item-booker">
                                                <span class="badge badge-danger badge-square graded">热点</span>
                                                号外！《Gartner2016年度新兴技术成熟度曲线》全解读
                                            </div>
                                        </div>
                                    </div>
                                </li>
                                <li class="order-item">
                                    <div class="row">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 item-left">
                                            <div class="item-booker">
                                                <span class="badge badge-warning badge-square graded">其他</span>
                                                Steve Lewis
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <div class="orders-footer">
                                <a class="show-all" href=""><i class="fa fa-angle-down"></i> 显示更多</a>
                                <div class="help">
                                    <a href=""><i class="fa fa-question"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="widget">
                        <div class="orders-container">
                            <div class="orders-header bordered-bottom bordered-themeprimary">
                                <h6>热点推荐</h6>
                            </div>
                            <ul class="orders-list padding-5">

                            </ul>
                            <div class="orders-footer">
                                <a class="show-all" href=""><i class="fa fa-angle-down"></i> 显示更多</a>
                                <div class="help">
                                    <a href=""><i class="fa fa-question"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="widget">
                        <div class="orders-container">
                            <div class="orders-header bordered-bottom bordered-themeprimary">
                                <h6>在线工具</h6>
                            </div>
                            <ul class="orders-list padding-5">

                            </ul>
                            <div class="orders-footer">
                                <a class="show-all" href=""><i class="fa fa-angle-down"></i> 显示更多</a>
                                <div class="help">
                                    <a href=""><i class="fa fa-question"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="widget">
                        <div class="orders-container">
                            <div class="orders-header bordered-bottom bordered-themeprimary">
                                <h6>订阅</h6>
                            </div>
                            <ul class="orders-list padding-5">

                            </ul>
                            <div class="orders-footer">
                                <a class="show-all" href=""><i class="fa fa-angle-down"></i> 显示更多</a>
                                <div class="help">
                                    <a href=""><i class="fa fa-question"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>
            </div>

            <div class="row no-margin">
                <hr/>
                <div class="row">
                    <div class="labels-container">
                        <h6>友情链接:</h6>
                        <span class="label label-default">
                            Default
                        </span>
                        <span class="label label-primary">
                            Primary
                        </span>
                        <span class="label label-info">
                            Info
                        </span>
                        <span class="label label-success">
                            Success
                        </span>
                        <span class="label label-danger">
                            Danger
                        </span>
                        <span class="label label-warning">
                            Warning
                        </span>
                        <span class="label label-sky">
                            sky
                        </span>
                        <span class="label label-blueberry">
                            blueberry
                        </span>
                        <span class="label label-yellow">
                            yellow
                        </span>
                        <span class="label label-darkorange">
                            darkorange
                        </span>
                        <span class="label label-magenta">
                            magenta
                        </span>
                        <span class="label label-purple">
                            purple
                        </span>
                        <span class="label label-maroon">
                            maroon
                        </span>
                        <span class="label label-darkpink">
                            darkpink
                        </span>
                        <span class="label label-pink">
                            pink
                        </span>
                        <span class="label label-azure">
                            azure
                        </span>
                        <span class="label label-orange">
                            orange
                        </span>
                    </div>


                </div>
            </div>

        </div>
        <div class="col-md-2" style="background: green">广告位12</div>
    </div>
</div>
<script src="assets/js/jquery-2.0.3.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/beyond.min.js"></script>
</body>
</html>
